<template>
  <div class="official aaa">
    <dl>
      <dt>python相关官网</dt>
      <dd>
        <a target="_blank" href="https://www.python.org/">
          <div class="select-box">
            <div class="img-box"><img v-bind:src="src[0]" alt=""></div>
            <div class="python-title aaa-title"><span>python</span>官网</div>
          </div>
        </a>
      </dd><dd>
        <a target="_blank" href="https://pypi.org/">
          <div class="select-box">
            <div class="img-box"><img src="https://pypi.org/static/images/logo-small.6eef541e.svg" alt=""></div>
            <div class="python-title aaa-title"><span>pip</span>官网</div>
          </div>
        </a>
      </dd>
      <dd><a target="_blank" href="https://www.djangoproject.com/">
        <div class="select-box">
          <div class="img-box"><img v-bind:src="src[2]" alt=""></div>
          <div class="python-title aaa-title"><span>django</span>官网</div>
        </div>
      </a></dd>
      <dd><a target="_blank" href="https://flask.palletsprojects.com/en/2.0.x/">
        <div class="select-box">
          <div class="img-box"><img v-bind:src="src[3]" alt=""></div>
          <div class="python-title aaa-title"><span>flask</span> 官网</div>
        </div>
      </a></dd>
      <dd><a target="_blank" href="https://tornado-zh-cn.readthedocs.io/zh_CN/latest/">
        <div class="select-box">
          <div class="img-box"><img v-bind:src="src[4]" alt=""></div>
          <div class="python-title aaa-title"><span>Tornado</span> </div>
        </div>
      </a></dd>
      <dd><a target="_blank" href="https://twistedmatrix.com/trac/">
        <div class="select-box">
          <div class="img-box"><img v-bind:src="src[5]" alt=""></div>
          <div class="python-title aaa-title"><span>Twisted</span> 官网</div>
        </div>
      </a></dd>
      <dd><a target="_blank" href="https://opencv.org/">
        <div class="select-box">
          <div class="img-box"><img v-bind:src="src[6]" alt=""></div>
          <div class="python-title aaa-title"><span>Opencv</span> 官网</div>
        </div>
      </a></dd>
      <dd><a target="_blank" href="https://numpy.org/doc/stable/reference/">
        <div class="select-box">
          <div class="img-box"><img v-bind:src="src[7]" alt=""></div>
          <div class="python-title aaa-title"><span>NumPy</span> </div>
        </div>
      </a></dd>
      <dd><a target="_blank" href="https://www.kaggle.com/">
        <div class="select-box">
          <div class="img-box"><img v-bind:src="src[8]" alt=""></div>
          <div class="python-title aaa-title"><span>kaggle</span> </div>
        </div>
      </a></dd>
      <dd><a target="_blank" href="https://sklearn.apachecn.org/">
        <div class="select-box">
          <div class="img-box"><img v-bind:src="src[9]" alt=""></div>
          <div class="python-title aaa-title"><span>scikit-learn</span> </div>
        </div>
      </a>
      </dd>
      <dd>
        <a target="_blank" href="https://scrapy.org/">
          <div class="select-box">
            <div class="img-box"><img v-bind:src="src[10]" alt=""></div>
            <div class="python-title aaa-title"><span>Scrapy</span>官网</div>
          </div>
        </a>
      </dd>
      <dd>
        <a target="_blank" href="https://www.crummy.com/software/BeautifulSoup/">
          <div class="select-box">
            <div class="img-box"><img v-bind:src="src[11]" alt=""></div>
            <div class="python-title aaa-title"><span>BeautifulSoup</span>官网</div>
          </div>
        </a>
      </dd>
      <dd>
        <a target="_blank" href="http://docs.pyspider.org/en/latest/">
          <div class="select-box">
            <div class="img-box"><img v-bind:src="src[12]" alt=""></div>
            <div class="python-title aaa-title"><span>pyspider</span></div>
          </div>
        </a>
      </dd>
    </dl>

  </div>

</template>

<script>
export default {
  name: 'python-official',
  data () {
    return {
      src: [
        require('../../../../../assets/python-icon/py.png'),
        null,
        require('../../../../../assets/python-icon/dj.png'),
        require('../../../../../assets/python-icon/flask.png'),
        require('../../../../../assets/python-icon/tor.png'),
        require('../../../../../assets/python-icon/twis.png'),
        require('../../../../../assets/python-icon/opcn.png'),
        require('../../../../../assets/python-icon/numpy.png'),
        require('../../../../../assets/python-icon/kagg.png'),
        require('../../../../../assets/python-icon/scikit-learn.png'),
        require('../../../../../assets/python-icon/scr.png'),
        require('../../../../../assets/python-icon/crum.png'),
        require('../../../../../assets/python-icon/pysp.jpg')
      ]
    }
  }
}
</script>

<style scoped lang="scss">
@import "~@/assets/css/t5.scss";
</style>
